<template>
  <div>
    <div class="main-box main-boxb">
      <Item v-for="(infoOpen, index) in infoOpenList" :key="index" :item="infoOpen"></Item>
      <div class="title">
        <h3>联系方式</h3>
      </div>
      <div class="link_way">
        <div class="grid-x bor-b">
          <div class="column small-4">
            <p class="p_img"><img src="../../../static/images/icon-zs-phone.png"/> 联系方式:</p>
          </div>
          <div class="column small-8">
            <p class="p_text">0760-88301234</p>
          </div>
        </div>
        <div class="grid-x bor-b">
          <div class="column small-3">
            <p class="p_img"><img src="../../../static/images/icon-zs-address.png"/> 地址:</p>
          </div>
          <div class="column small-9">
            <p class="p_text">中山市孙文中路134号</p>
          </div>
        </div>
        <div class="grid-x bor-b">
          <div class="column small-3">
            <p class="p_img"><span></span> 编码:</p>
          </div>
          <div class="column small-9">
            <p class="p_text">528400 </p>
          </div>
        </div>
        <div class="grid-x bor-b">
          <div class="column small-3">
            <p class="p_img"><img src="../../../static/images/icon-zs-a.png"/> 邮箱:</p>
          </div>
          <div class="column small-9">
            <p class="p_text">30924361@qq.com</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import Item from '../../components/Item/Item'
  import {reqInfoOpen} from '../../api/index'
  import commonJs from '../../assets/js/commonJs'

  export default {
    name: "InfoOpen",
    components: {
      Item
    },
    data() {
      return {
        infoOpenList: []
      }
    },
    async mounted() {
      let result = await commonJs.openAjax(reqInfoOpen(), true, true);
      if (result.code == 0) {
        this.infoOpenList = result.data;
      }
    }
  }
</script>

<style scoped>

</style>
